<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/fixed.css" />
		<style type="text/css">
			body {
				padding-top: 130px;
			}
		</style>
	</head>

	<body>

		<!-- 导航条 -->
		<div class="navbar navbar-fixed-top navbar-default">

			<div class="container-fluid">
				<div class="row top-bar">
					<div class="container">
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myTab">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							</button>
							<a class="navbar-brand" href="index.html"><img src="images/logo.png" height="100%ter"/></a>
						</div>

						<div class="collapse navbar-collapse">
							<form class="navbar-form navbar-left" role="search">
								<div class="form-group">
									<input type="text" class="form-control" placeholder="请输入关键字搜索">
								</div>
								<button type="submit" class="btn">搜&ensp;索</button>
							</form>
							<ul class="nav navbar-nav navbar-right">
								<!--<li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"><img class="mr5" src="images/touxiang.png" />米巴生活 <span class="caret"></span></a>
									<ul class="dropdown-menu dropdown-menu-left" role="menu">
										<li role="presentation"><a role="menuitem" tabindex="-1" href="#">个人资料</a></li>
										<li role="presentation"><a role="menuitem" tabindex="-1" href="#">后台管理</a></li>
										<li role="presentation" class="divider"></li>
										<li role="presentation"><a role="menuitem" tabindex="-1" href="#">退出</a></li>
									</ul>
								</li>-->
								<li class="f16 c666"><a href="#">登录米巴</a></li>
								<li class="pt15">|</li>
								<li class="registered f16"><a href="#">注册</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>

			<div class="container-fluid">
				<div class="row main-nav">
					<div class="container">
						<div class="collapse navbar-collapse" id="myTab">
							<ul class="nav navbar-nav">
								<li class="active"><a href="javascript:;">首页</a></li>
								<li><a href="#">家居</a></li>
								<li><a href="#">服饰</a></li>
								<li><a href="wonderfulBoWen.html">精彩博文</a></li>
								<li><a href="platform_activity.html">平台活动</a></li>
								<li><a href="fine_recommendation.html">精品推荐</a></li>
								<li><a href="exhibition_works.html">作品展览</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- /.导航条 -->

		<!-- 内容区 -->
		<div class="container mt20">
			<div class="row">
				<div class="container-fluid title">
					<ul class="nav nav-tabs no-borderBottom">
						<h3 class="pull-left">
							<a class="c000" href="index.html">首页</a>&ensp;<i>&gt;</i>&ensp;<a class="c000" href="fine_recommendation.html">精品推荐</a>&ensp;<i>&gt;</i>&ensp;<span>闹钟系列石英表</span>
						</h3>
					</ul>
				</div>
			</div>
			<div class="row">
				<div class="col-xs-12 col-md-9 mt20">
					<div class="media media-middle myMedia">
						<a class="pull-left mr20" href="#">
							<img class="media-object" src="images/watch-lg.png" alt="石英表">
						</a>
						<div class="media-body">
							<h3 class="media-heading mb15 c808080">Braun</h3>
							<h4 class="media-heading c25282d">闹钟系列石英表【十一七折限时闪购】</h4>
							<h5 class="f16">价格/&ensp;<span>&yen;200.20元</span><del class="ml15 c939393">&yen;680</del></h5>
							<p class="divider_bottom pb10 mt20">
							    	<span class="c808080"><img class="mr5" src="images/free-sm.png"/>免运费（限中国大陆）</span>
							    	<span class="pull-right c808080"> <img class="mr5" src="images/authenticity-sm.png"/>正品保证</span>
						    </p>
							<div class="divider_bottom pb10 mt20">
							    <div class="f16 c000">颜色&ensp;/<span class="color-choice"><img src="images/watch_sm.png"/><em class="f12">蓝色</em></span></div>
							    <div class="f16 c000 mt15">数量&ensp;/<span class="btn ml10 increase">-</span><span class="btn number">1</span><span href="#" class="btn reduce">+</span></div>
						    </div>
						    <p class="mt20">
							    	<a href="##" class="btn f18 btn-reserve pl20">预&emsp;定</a>
							    <span class="c939393">&emsp;(已预定量:<span>50/99</span>)</span>
						    </p>
						    <p class="mt15">
							    	<a href="##" class="btn btn-share c939393">分享</a>
						    		<a href="##" class="btn btn-attention ml5">关注</a>
						    </p>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-md-3 mt20">
					<div class="media p10" style="background-color: #F7F7F7;">
					    <a class="pull-left pt10" href="#">
					        <img class="media-object" src="images/shejixi_1.jpg" alt="...">
					  	</a>
					  	<div class="media-body pt10">
						    	<h5 class="media-heading f16 c25282d">设计师:生活小匠</h5>
						    	<div class="c939393 f14">关注度:100</div>
						    	<p>
						    		<a href="##" class="btn btn-attention mt15">关注他</a>
						    </p>
						</div>
						<div class="divider-dotted"></div>
						<h4 class="media-heading text-center f16 c25282d"><a class="c333" href="shop.html">生活小匠团队</a></h4>
					</div>
				</div>
			</div>
			<div class="row mt30">
				<div class="col-xs-12 col-md-9 image-lists">
					<p><img src="images/watch-big.png"/></p>
					<p><img src="images/jingtou.png"/></p>
					<p><img src="images/watch-big.png"/></p>
				</div>
				<div class="col-xs-12 col-md-3 image-side">
					<div>
						<h4 style="background: #E6E6E6;">众将推荐</h4>
						<p>博朗钟表继承了品牌产品纯粹和细致入微的设计思路，同时结合无与伦比的功能和技术基因，可谓集功能、品质以及美感为一体。
无数次在 IF、Good Design、红点等重量级工业设计大奖中折桂，因设计明晰和材质高档而具有极高的品牌辨识度。</p>
					</div>
					<div class="mt50">
						<h4 style="background: #E6E6E6;">Braun / 品牌简介</h4>
						<p>博朗是德国完美主义、一丝不苟的完美写照。博朗不仅仅是一个商标，它推崇的是“Less is more”的理念。在过去的几十年中，这个理念以史无前例的速度，催生出许多创新产品——历史虽在跨越，博朗设计的特点却始终如一。1971年，Braun(博朗) 推出他们的第一个钟表系列，大受好评。</p>
					</div>
					<div class="mt50 shopping_directory">
						<h4 style="background: #E6E6E6;">购物指南</h4>
						<p class="mt20">机芯类型：石英</p>
						<p>机芯类型：石英	</p>
						<p>带闹钟功能	</p>
					</div>
					<div class="mt50 shopping_directory">
						<h4 style="background: #E6E6E6;">购物指南</h4>
						<p class="mt20">所有商品均为正品保证。</p>
						<p>下单后四个工作日内发货。</p>
						<p>中国大陆地区免运费，默认发顺丰或圆通快递。</p>
						<p>蜡烛、液态品、手表等含电池产品无法空运，运输时间相较普通空运件会更久。</p>
						<p>如出现产品质量问题请在签收后72小时内联系客服。</p>
					</div>
				</div>
			</div>
		</div>
		<!-- /. 内容区 -->

		<!-- footer -->
		<div class="container-fluid footer-nav hidden-xs mt30">
			<div class="container mt60 mb60">
				<div class="text-center"><img src="images/OURSHOP.png"/></div>
				<div class="clearfix mt60">
					<div class="col-xs-12 col-md-3">
						<div class="media">
							<div class="media-left">
								<a href="#">
									<img class="media-object" src="images/foot_globals.png" alt="...">
								</a>
							</div>
							<div class="media-body">
								<h5 class="media-heading">全球精品</h5>
								<div class="c808080 f12">Global Selections</div>
							</div>
						</div>
					</div>
					<div class="col-xs-12 col-md-3">
						<div class="media">
							<div class="media-left media-middle">
								<a href="#">
									<img class="media-object" src="images/foot_authenticity.png" alt="...">
								</a>
							</div>
							<div class="media-body">
								<h5 class="media-heading">正品保证</h5>
								<div class="c808080 f12">Authenticity Guaranteed</div>
							</div>
						</div>
					</div>
					<div class="col-xs-12 col-md-3">
						<div class="media">
							<div class="media-left media-middle">
								<a href="#">
									<img class="media-object" src="images/foot_free.png" alt="...">
								</a>
							</div>
							<div class="media-body">
								<h5 class="media-heading">全场包邮</h5>
								<div class="c808080 f12">Free Delivery</div>
							</div>
						</div>
					</div>
					<div class="col-xs-12 col-md-3">
						<div class="media">
							<div class="media-left media-middle">
								<a href="#">
									<img class="media-object" src="images/foot_gongzuori.png" alt="...">
								</a>
							</div>
							<div class="media-body">
								<h5 class="media-heading">400-888-2888</h5>
								<div class="c808080 f12">工作日&ensp;09:00-18:00</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="container-fluid foot-theme hidden-xs">
			<div class="container">
				<div class="col-xs-8 col-md-10">
					<div class="business_cooperation">
						<a href="##" class="btn"></a>
						<a href="##" class="btn weibo"></a>
						<a href="##" class="btn douban"></a>
					</div>
					<ul class="copyright clearfix text-left">
						<li><a href="#">关于众将</a></li>
						<li><span>|</span></li>
						<li><a href="#">服务协议</a></li>
						<li><span>|</span></li>
						<li><a href="#">隐私保护政策</a></li>
						<li><span>|</span></li>
						<li><a href="#">使用指南</a></li>
						<li><span>|</span></li>
						<li><a href="#">联系我们</a></li>
						<li><span>|</span></li>
						<li><a href="#">加入我们</a></li>
						<li><span>|</span></li>
						<li><a href="#">友情链接</a></li>
						<li><span>|</span></li>
						<li><a href="#">私信众将</a></li>
					</ul>
					<p class="f12 c5f5f5d mb30">© 2013-2015 广州众将文化传播有限公司版权所有 京ICP备13010677号-1 京公网安备11010502025627</p>
				</div>
				<div class="col-xs-4 col-md-2">
					<div class="pull-right backTop mt10">
						<a href="##"><img src="images/mess.png"/></a>
						<a href="##" id="global-arrow"><img src="images/top.png"/></a>
					</div>
				</div>
			</div>
		</div>
		<!-- /. footer -->
	</body>
	<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/dianj.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/js.js" type="text/javascript" charset="utf-8"></script>
</html>